/*
 * @Author: xyf
 * @Date: 2021-06-28 14:37:44
 * @LastEditTime: 2021-07-27 09:27:38
 * @LastEditors: xyf
 * @Description:
 */
@import './reset.scss';
@import './variables.scss';
@import './mixins.scss';
@import './common.scss';

#app {
  height: 100vh;
}

.app-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.sidebar-container {
  transition: width 0.28s;
  width: $sidebarWidth !important;
  background-color: $sidebarBg;
  height: 100%;
  position: fixed;
  font-size: 0px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden;
}

.main-container {
  flex: 1;
  min-height: 100%;
  transition: margin-left 0.28s;
  margin-left: $sidebarWidth;
  position: relative;
  display: flex;
  flex-direction: column;

  .navbar {
    height: $navbarHeight;
  }

  .app-main {
    flex: 1;
    padding: 16px;
    background-color: #fafbfc;
  }

  .app-container {
    padding: 20px;
  }
}
